<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>个人中心-思品文档-slidepin.com</title>
	<link rel="stylesheet" href="/static/css/base.css">
	<link rel="stylesheet" href="/static/css/common.css">
	<link rel="stylesheet" href="//at.alicdn.com/t/font_768387_6halbm1kqg6.css">
	<link rel="stylesheet" href="/static/css/register.css">
</head>
<body>
<?php $this->load->view('common/header');?>
<div id="container" class="layout-container">
	<section class="layout-auth-container">
		<div class="auth-info-box">
			<div class="switch-tab" id="J-switchtab">
				<div class="switchtab-trigger">
					<ul class="clearfix">
						<li class="tab-trigger switchable"><a href="javascript:;">登录账号</a></li>
						<li class="tab-trigger"><a href="javascript:;">注册账号</a></li>
					</ul>
				</div>
				<div class="switchtab-content">
					<div class="tab-content layout-article-box switchable">
						<div class="layout-login-box">
							<form method="post" id="login-form" autocomplete="off" novalidate="novalidate">
								<div class="form-group">
									<label class="sr-only" for="username">帐号</label>
									<input type="text" class="form-control error" name="username" id="username" placeholder="手机号/用户名/开课吧账号">
									<label id="username-error" class="error" for="username">该手机号未注册</label>
								</div>
								<div class="form-group">
									<label class="sr-only" for="password">密码</label>
									<input type="password" class="form-control" name="password" id="passwd" placeholder="请输入密码">
								</div>
								<div class="checkbox">
									<label>
										<input type="checkbox" name="rememberMe">记住密码
									</label>
								</div>
								<button type="submit" class="btn btn-lg btn-solid btn-primary btn-block">登录</button>
								<div class="form-group">
									<a class="fl" href="/auth/forget_password/">忘记密码？</a>
									<span>还没有注册帐号？<a class="" href="/auth/appeal">注册账号</a></span>
									<a class="fr" href="/auth/appeal">帐号异常？</a>
								</div>
							</form>
						</div>
					</div>
					<div class="tab-content layout-article-box">
						<div class="layout-register-box">
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</body>
<script>
	$('#J-switchtab').on('click', '.tab-trigger', function() {
        var _index = $(this).index();

        $(this).addClass('switchable')
            .siblings()
            .removeClass('switchable');

        $('#J-switchtab .tab-content')
            .eq(_index)
            .addClass('switchable')
            .siblings()
            .removeClass('switchable');
    });
</script>

</body>
</html>
